<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" isELIgnored="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"/>
    <link href="style.css-v=2.0.css" tppabs="/css/style.css?v=2.0" rel="stylesheet" type="text/css"/>
    <link href="flexslider.css" tppabs="/css/flexslider.css" rel="stylesheet" type="text/css"/>
    <link href="BreakingNews.css" tppabs="/css/BreakingNews.css" rel="stylesheet" type="text/css"/>
    <link href="index.css-v=2.2.css" tppabs="/css/index.css?v=2.2" rel="stylesheet" type="text/css"/>
    <script src="/js/jquery.min.js"></script>
    <script src="/js/jquery.form.js"></script>
    <script src="/layer/layer.min.js"></script>
    <title>农业生态认养</title>
    <style>
        .biao, .title {
            width: 100%;
            height: 25px !important;
            background: none !important;
            display: black;
            position: inherit !important;
            line-height: 25px !important;
            padding: 0px !important;
        }

        .flipInY {
            height: 256px !important;
        }

        .videoBox {
            width: 100% !important;
            height: 190px !important;
            overflow: hidden;
        }

        .videoTitle {
            width: 100% !important;
            height: 25px !important;
            margin-bottom: 0px !important;
            margin-top: 0px !important;
        }

        .videoBox img {
            width: 100%;
            min-height: 220px;
        }

        .first img {
            width: 100%;
            height: 500px;
        }

        .first .videoBox {
            width: 100%;
            height: 467px !important;
        }

        .first {
            height: 532px !important;
        }

        .video-item-count-box {
            width: 100% !important;
            height: 25px !important;
            position: inherit !important;
            line-height: 25px !important;
            margin: 0px !important;
            margin-top: 10px !important;
        }

        .video-item-count-box span {
            padding: 0px !important;
            height: 25px !important;
            width: 21% !important;
            position: inherit !important;
            line-height: 25px !important;
            float: left;
            font-size: 13px !important;
            color: #a2a2a2 !important;

        }

        .first .video-item-count-box .video-item-count-statPlay,
        .first .video-item-count-box .video-item-count-statFavour,
        .first .video-item-count-box .video-item-count-statComment {
            width: 150px !important;
            padding-left: 30px !important;
        }

        .video-item-count-box .video-item-count-statPlay {
            background: url("status-icon.png") /*tpa=http://www.ante3.com/public/img/status-icon.png*/ no-repeat -6px -44px;
            padding-left: 25px !important;
            width: 62px !important;
        }

        .video-item-count-box .video-item-count-statFavour {
            background: url("status-icon.png") /*tpa=http://www.ante3.com/public/img/status-icon.png*/ no-repeat -3px -97px;
            padding-left: 26px !important;
            width: 68px !important;
        }

        .video-item-count-box .video-item-count-statComment {
            background: url("status-icon.png") /*tpa=http://www.ante3.com/public/img/status-icon.png*/ no-repeat 0px -3px;

            padding-left: 30px !important;
            width: 63px !important;
        }

        .case-ct div {
            /*width: 23%; *!*/
            margin: 0px;
            height: 220px;
            overflow: hidden;
            float: left;
            position: relative;

        }

        .flipInY {
            height: 320px !important;
            border: 1px solid #fff;
            padding: 5px;
            background: #fff;
            width: 280px !IMPORTANT;
            margin-left: 8px !important;
            margin-bottom: 15px !IMPORTANT;
            padding-top: 10px !important;
            /*border: 1px solid #c7c7c7;*/
        }

        .flipInY:hover {
            border: 1px solid #4CAF50;
        }

        .title {
            width: 100%;
            height: 35px !important;
            background: none !important;
            display: black;
            position: inherit !important;
            line-height: 35px !important;
            padding: 0px !important;
        }

        .actionBoxBuy {
            /* display: inline-block; */
            width: 100% !important;
            height: 35px !important;
            line-height: 35px;
            /* background: #4CAF50 !important; */
            text-align: center;
            margin: 0px auto !important;
            padding-left: 10px !important;
            margin-top: 10px !important;
        }

        .actionBoxBuy span {
            display: inline-block;
            width: 240px !important;
            height: 35px !important;
            line-height: 35px !important;
            background: #4CAF50 !important;
            margin-left: 10px;
            color: #fff;
            border-radius: 5px;
        }

        span.video-item-price {
            width: 90px !important;
            overflow: hidden;
            /* background: red !important; */
            height: 30px;
            color: red !important;
            font-size: 12px !important;
            font-weight: bold;
        }

        span.video-item-time {
            display: inline-block;
            width: 65px !important;
            overflow: hidden;
            /* background: red !important; */
            height: 30px;
            float: left;
            background: url("time.png") /*tpa=http://www.ante3.com/public/img/time.png*/ no-repeat 5px 8px !important;
            background-size: 15% !important;
            padding-left: 22px !important;
        }

        span.price2 {
            display: inline-block !important;
            width: 90px !important;
            background: #fff !important;
            color: #1b1a1a !important;

            text-align: left !important;
            color: red !important;
            font-weight: bold;
            margin-left: 0px !important;
            font-size: 16px;
        }

        span.renyang {
            display: inline-block;
            width: 90px !important;
            margin-left: 160px !important;
            background: #FF9800 !important;
        }

        span.video-item-time2 {
            display: inline-block;
            width: 65px !important;
            overflow: hidden;
            height: 30px;
            float: left;
            background: url("time.png") /*tpa=http://www.ante3.com/public/img/time.png*/ no-repeat 4px 5px !important;
            background-size: 18% !important;
            padding-left: 27px !important;
        }

        span.video-item-price3 {
            width: 90px !important;
        }

        .index-center-ad {
            width: 100%;
            margin: auto;
            margin-top: 10px;
            margin-bottom: 15px;
            /*border: 1px solid #eee;*/
            /*padding: 5px;*/
        }

        .index-center-ad img {
            width: 33.2%;
            /*height: 100px;*/
            float: left;
            min-width: 400px;
            min-height: 100px;
        }

        .renyang-info-box {
            width: 1200px;
            margin: auto;
            height: 120px;
            margin-top: 10px;
            text-align: center;
            color: #fff;
        }

        .info1 {
            width: 388px;
            float: left;
            background: olive;
            height: 118px;
            /*line-height: 120px;*/
            border: 1px solid #eee;
        }

        .info2 {
            width: 388px;
            float: left;
            margin-left: 14px;
            margin-right: 14px;
            background: olive;
            height: 118px;
            /*line-height: 120px;*/
            border: 1px solid #eee;
        }

        .info3 {
            width: 388px;
            background: olive;
            height: 118px;
            /*line-height: 11px;*/
            border: 1px solid #eee;
        }

        .actionBoxBuy a {
            color: #fff !important;
        }

        .proAdBox {
            width: 276px !important;
            background: red;
            height: 316px !important;
        }

        .flexslider.sld2 li {
            height: 260px !important;
        }

        .sld2 .slides li a {
            display: block;
            height: 100%;
            width: 100%;
        }

        .centerImg {
            margin-left: 0.2%;
            margin-right: 0.2%;
        }


    </style>
</head>
<body>

<div class="header">
    <div class="wrap">
        <ul class="fl logo"><a href="/index">
            <img height="50" src="${pageContext.request.contextPath}/72c7b7595ea7c2270f47da67815ac4f1.png"/></a>
        </ul>
        <ul class="mobile-nav"><span class="mob-nav-btn">Menu</span></ul>
        <ul class="nav fl">
            <li class="on" style="border:0;"><a href="/index">首页</a></li>
            <li><a href="#">关于我们</a></li>
            <li><a href="13.html">入驻条例</a></li>
            <li><a href="/news">行业新闻</a></li>
            <li><a href="/announcement">平台公告</a></li>
        </ul>
        <ul class="fr member">
            <c:if test="${empty user}">
                <a href="zhuce">注册</a> <span></span>
                <a href="login">登录</a>
            </c:if>
            <c:if test="${not empty user}">
                <a href="/isUserAdmin?type=1">个人中心</a> <span></span>
                <a href="javascript:void(0)" onclick="exit()">退出</a>
                <script>
                    function exit() {
                        //询问框
                        layer.confirm('是否真的退出', {
                            btn: ['退出','取消'] //按钮
                        }, function(){
                            $.ajax({
                                url:"exit",//请求的地址
                                type:"post",//请求方式
                                dataType:"json",//请求的内容格式
                                success:function(data){
                                    if (data.result==true){
                                        layer.msg(data.msg, {
                                            time : 2000
                                        }, function() {
                                            window.location.href = window.location.href;
                                        });
                                    }
                                }
                            });
                        }, function(){
                            layer.msg("取消成功", {
                                time : 2000
                            }, function() {
                                window.location.href = window.location.href;
                            });
                        });
                    }
                </script>
            </c:if>

        </ul>
        <form action="#" method="get">
            <ul class="fr search-box">
                <input type="hidden" name="pid" value="">
                <input name="sh_keywords" class="kw fl" type="text" value="输入关键词搜索…"
                       onfocus="if(this.value=='输入关键词搜索…')this.value='';"/><input type="submit" class="sbmt fr"
                                                                                  value=""/></ul>
        </form>
    </div>
</div>


<div class="renyang-info-box">
    <div class="info1">
        <a href="#"><img src="49b541ab1ec6e0f55c5e8f3197b11b54.jpg" width="388" height="118"></a>
    </div>
    <div class="info2">
        <a href="#"><img src="75d1c49a4295e2e6b38ced7c5f4d7f6d.jpg" width="388" height="118"></a>
    </div>
    <div class="info3">
        <a href="#"><img src="58eca7424fe9629b7a2dcc828f958cfc.jpg" width="388" height="118"></a>
    </div>
</div>


<div class="">
    <div class="wrap">
        <div class="mg40 tit wow bounceInDown">
            <h3>认养平台</h3>
        </div>

        <div class="mg40 sub-nav" style="display:none">
        </div>
        <div class="mg40 fullbox case">
            <div class="case-ct">

                <c:forEach items="${list }" var="goods">

                <div class="flipInY">
                    <div class="videoBox">
                            <img src="${goods.img}"
                                 alt="达州茶园生态土鸡放养直播" class="animate"/>
                    </div>
                    <div class="videoTitle">
                        <span class="title">${goods.title}</span>
                    </div>
                    <div class="video-item-count-box">
                        <span class="video-item-price">￥${goods.price}元/份</span>
                        <span class="video-item-count-statPlay" title="城市四川省">${goods.access}</span>
                        <span class="video-item-count-statFavour" title="" id="juli882">${goods.type}</span>
                    </div>
                    <div class="actionBoxBuy">
                        <span><a href="/goods/ry?id=${goods.id}"
                                 target="_blank">立即认养</a></span>
                    </div>
                </div>

                </c:forEach>


            </div>
        </div>
        <div class="mg40 view-more"><a href="#" tppabs="http://www.ante3.com/index.php/content/index/pid/4.html"
                                       class="animate">MORE +</a></div>
        <div class="arrow-down"></div>
    </div>
</div>
<div class="index-center-ad">
    <a href="#"><img src="5bf2bfa28fff752eb1bff315c035444e.png" width="399" class=""></a>
    <a href="#"><img src="8ceba55832251190cb21bceab9bba064.jpg" width="399" class="centerImg"></a>
    <a href="#"><img src="1d45cab8b25b33c8123666ddf8ef7f48.jpg" width="399" class=""></a>
</div>


<div id="allmap"></div>

<div class="footer">
    <div class="foot_copy wow bounceInUp">
        <div class="wrap">
            <div class="footer-l">
                <div class="copyright">湘南学院毕业设计作品->农业生态认养
                    作者：****
                </div>
            </div>
        </div>

    </div>
</div>

</body>
</html>